import { Component, OnInit, Input } from '@angular/core';
import { HttpService } from '../../shared/service/http.service';

@Component({
  selector: 'app-ranking',
  templateUrl: './ranking.component.html',
  styleUrls: ['./ranking.component.scss'],
})
export class RankingComponent implements OnInit {

  @Input() tagData: any;
  isNewStyle = false;

  constructor(
    private httpService: HttpService) { }

  ngOnInit() {
    if (this.tagData && this.tagData.name.includes('_styleColumn')) {
      this.isNewStyle = true;
    } else {
      this.isNewStyle = false;
    }
    // this.tagData = {
    //   type: "tag",
    //   style: "xxxx",
    //   name: "xxxx",
    //   layout: "body",
    //   data: {
    //     title: "英雄榜",
    //     buttonList: [{
    //       label: "深圳",
    //       checked: true,
    //       submit: {
    //         content: {},
    //         id: "string"
    //       }
    //     }, {
    //       label: "全国",
    //       checked: false,
    //       submit: {
    //         content: {},
    //         id: "string"
    //       }
    //     }],
    //     subButtonList: [{
    //       label: "发布",
    //       checked: true,
    //       submit: {
    //         content: {},
    //         id: "string"
    //       }
    //     }, {
    //       label: "签约",
    //       checked: false,
    //       submit: {
    //         content: {},
    //         id: "string"
    //       }
    //     }, {
    //       label: "服务",
    //       checked: false,
    //       submit: {
    //         content: {},
    //         id: "string"
    //       }
    //     }],
    //     data: [{ // 排行数据，第一条为第一名，依次返回
    //       imageUrl: "http://xxxxx.xxx.com/1.png",
    //       label: "深圳张三",
    //       number: "20000",
    //       unit: "条"
    //     }, {
    //       imageUrl: "http://xxxxx.xxx.com/1.png",
    //       label: "深圳张五",
    //       number: "20000",
    //       unit: "条"
    //     }, {
    //       imageUrl: "http://xxxxx.xxx.com/1.png",
    //       label: "深圳张六",
    //       number: "20000",
    //       unit: "条"
    //     }]
    //   }
    // };
  }

  checked(item) {
    const params = {
      content: item.submit.content,
      id: item.submit.id,
      sessionId: localStorage.getItem('sessionId')
    };
    this.httpService.post('application/submit', params, (res) => {
      if (res.success) {
        this.tagData.data.data = res.data.data;
      }
    });
    this.tagData.data.subButtonList.forEach(data => {
      data.checked = false;
    });
    item.checked = true;
  }

}
